<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>
        p{
            color: red;
            font-size: 30px;
        }
    </style>
</head>
<body>
    <p>shift 方法用于删除数组的第一个元素，并返回该元素。注意，该方法会改变原数组</p>
    <script>
        var arr = ["iwen","ime","liu"];
        console.log(arr.shift());//返回被删除的元素iwen
        console.log(arr);


        var test = [];
        console.log(test.shift());//  对空数组进行删除返回结果undefined
        
        //shift方法可以遍历并清空一个数组
        var list = [1,2,3,4,5,6];
        var item;
        while(item = list.shift()){
            console.log(item);
            
        }
        console.log(list);//[]

        var arr1 = ["Y","R","Q"];
        //unshift 方法可以接受多个参数，这些参数都会添加到目标数组头部
        console.log(arr1.unshift("i","love","you"));//返回数组长度
        console.log(arr1);
        
        
    </script>
    <p>unshift 方法用于在数组的第一个位置添加元素，并返回添加新元素后的数组长度。注意，该方法会改变原数组</p>
</body>
</html>